<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
	<head>
       	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="Author" content="Jonathan Charles" />
	<meta name="viewport" content="width=960" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" />
	<link rel="shortcut icon" type="image/x-icon" href="icon.gif" />

	<title>Jonathan Charles fine furniture</title>

	<meta name="omni_page" content="Jonathan Charles fine furniture" />
	<meta name="Category" content="chairs, table, cabinet, accessory, etc..." />
    <meta name="keywords" content="Jonny, furniture" />
	<meta name="Description" content="Hi Jonny, I like your furniture" />
	<link type="text/css" rel="stylesheet" href="css/style.css">
	<link type="text/css" rel="stylesheet" href="css/rcarousel.css" />
	
	<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>	
	<script type="text/javascript" src="js/jquery.waterwheelCarousel.js"></script>	
	</head>
	<body>
		<div class="wrapper">
			<div id ="header"class="col_24">
				<div id="logo" class="col_8"><a href="index.html"><img src="img/css-element/logo-jc.png" border="0"></a></div>
					<div id="right-header" class="col_16"></div>
			</div>
		</div><!--WRAPPER END-->
		<div class="navigation">
	<div id="navigation" class="col_24">
		<div id="main-menu">
   			<ul>
      			<li><a href="#" class="active">CATALOGUE</a></li>
      			<li><a href="#">MY COLLECTIONS</a></li>
     			<li><a href="#">NEWS</a></li>
      			<li><a href="#">CONTACT</a></li>
      			<li><a href="#">MEDIA</a></li>
      			<li><a href="#">BLOG</a></li>
				<li><a href="#">MY PAGE</a></li>
   			</ul>
		</div>        
	</div>
</div><!--NAVIGATION END-->
<div class="catalogue-navigation">
	<div id="catalogue-menu" data-option-key="filter">
    	<div href="#filter" data-option-value=".category" id="categories"></div>
        <div id="collections"></div>
        <div id="rooms"></div>
        <div id="new-introductions"></div>
    </div>
</div><!--CATALOGUE-NAVIGATION END-->
<div class="sketch-navigation">
	<div id="sketch-navigation" class="col_24">			
		<div class="infiniteCarousel">
		  <div style="overflow: hidden;" class="wrapper" id="jnavigation">
			<ul>
				<li><a href="#" ><img src="img/sketch/accessory.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/table.jpg" border="0"></a></li>
				<li><a href="#" class="active"><img src="img/sketch/mirrors.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/chairs.jpg" border="0"></a></li>
				<li><a href="#" ><img src="img/sketch/bed.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/accessory.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/table.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/mirrors.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/chairs.jpg" border="0"></a></li>
				<li><a href="#"><img src="img/sketch/bed.jpg" border="0"></a></li>
			</ul>        
		  </div>		 
		</div>		
	</div>
</div>
<div id="sub-menu">
   <ul>
      <li><a href="category.php">SEE ALL <spam>TABLE</span></a></li>
      <li><a href="category.php">BAR</a></li>
      <li><a href="category.php">CENTER</a></li>
      <li><a href="category.php">COFFE</a></li>
      <li><a href="category.php">CONSOLE</a></li>
      <li><a href="category.php">DESK</a></li>
      <li><a href="category.php">DINING</a></li>
      <li><a href="category.php">DRESSING</a></li>
      <li><a href="category.php">OCCASIONAL</a></li>
      <li><a href="category.php">GAME</a></li>
   </ul>
</div>
<div class="clear"></div>
<div id="main" class="col_24">		
	<div id="waterwheelCarousel" style="margin-top:200px; *margin-top:0px">
		<img src="img/pic1b.jpg" alt="Test Image 1" />
		<img src="img/pic2b.jpg" alt="Test Image 2" />
		<img src="img/pic3b.jpg" alt="Test Image 1" />
		<img src="img/pic4b.jpg" alt="Test Image 2" />
		<img src="img/pic5b.jpg" alt="Test Image 1" />
		<img src="img/pic6b.jpg" alt="Test Image 2" />
	</div>
</div>
</body>
</html>
<script type="text/javascript">
	$(document).ready(function () {
			$('.infiniteCarousel').infiniteCarousel();
		    $("#waterwheelCarousel").waterwheelCarousel("horizontal",{
				startingItem: 3,
				opacityDecreaseFactor:.6,
				itemDecreaseFactor: .60,
				opacityDecreaseFactor:.5,
				centerOffset:10, 
				flankingItems:2,
				speed:200
			});	
	});
</script>
